<template>
  <div class="iframe-container">
    <iframe
      :src="url"
      frameborder="0"
      class="iframe-content"
      sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
      referrerpolicy="no-referrer"
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'IframeApp',
  props: {
    url: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
.iframe-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.iframe-content {
  width: 100%;
  height: 100%;
  border: none;
}
</style>
